
/*课程页面公用部分*/

.jx-class{
    width: 1024px;
    margin: auto;
}
.jx-class-biaoti{
    height: 50px;
    line-height: 50px;
    color: #999;
}
.jx-class-biaoti a{
    color: #999;
}
.jx-class-tab{
    width: 1024px;
    margin: auto;
    overflow: hidden;
}
.my-mytabsr-li5{
    height: 32px;
    height: 32px;
    margin: 10px 0;
    padding-left: 26px;
    border-left: 2px solid #fff;
    font-size: 14px;
    color: #666;
    line-height: 32px;
    position: relative;
    cursor: pointer;
}
.my-mytabsr-li5:hover
{
    border-left: 2px solid #ffb535;
    background: #ffb535;
    color: #fff;
}
.li5hover
{
    border-left: 2px solid #ffb535;
    padding-left: 26px;
}
.redpot{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 60;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    background-position: 103px 20%; 
    background-repeat: no-repeat;  
    background-image: url(../image/redpot.png);
    font-size: 14px;
    color: #fff;
}

.jx-over{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 60;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    background: url(../image/blackblock.png) repeat;
    font-size: 14px;
    color: #fff;
}

.jx-classsall-newclass-pic{
    position: relative;
}
.jx-classsall-newclass-pic img{
    width: 100%;
    height: auto;
    z-index: 50;
}
.jx-classsall-newclass-box{
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 20px;
}
.jx-classsall-newclass-box li{
    position: relative;
    width: 22%;
    float: left;
    margin-right: 4%;
    background: #fff;
}
.jx-classsall-newclass-box li:hover{
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
}
.jx-classsall-newclass-box li:last-child{
    position: relative;
    width: 22%;
    float: left;
    margin-right: 0;
}
.jx-classsall-newclass-box li:last-child:hover{
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
}
/*课程页面公用部分结束*/



/*个人中心*/

.my-myclassall{
    float: right;
    width: calc( 100% - 247px);
}

.my-mytabsr{
    float: left;
    width: 225px;
    margin-right: 20px;
}
.my-mytabsr-user{
    width: 100%;
    border: #e5e5e5 1px solid;
    background: #fff;
}
.my-mytabsr-li1{
    text-align: center;
    padding-top: 30px;
}
.my-mytabsr-li1 img{
    border-radius: 40px;
    width: 80px;
    height: 80px;
}
.my-mytabsr-li2{
    text-align: center;
    padding-top: 20px;
    color: #333;
    font-size: 16px;
}
.my-mytabsr-li3{
    text-align: center;
    padding-top: 10px;
    color: #999;
    font-size: 14px;
}
.my-mytabsr-li4{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
}
/*个人中心结束*/

/*设置中心*/
select{
    font-family: "微软雅黑";
    background: rgba(0,0,0,0);
    font-size: 18px;
    color: white;
    text-align: center;
}
option{
    color: black;
    background: #A6E1EC; 
    line-height: 20px;     border: 1px #1a1a1a solid;
}
select:focus{
    border: none;
}
option:hover{
    background: #EBCCD1;
}
.jx-set-inftop{
    background: #fff;
    height: 50px;
    border: 1px #e5e5e5 solid;
    padding-left: 30px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}
.jx-set-infmain{
    margin-top: 12px;
    background: #fff;
    border: 1px #e5e5e5 solid;
    padding-left: 20px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
}
.settext{
    float: left;
    width: 345px;
    height: 35px;
    border: 1px solid #e5e5e5;
    padding-left: 15px;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #bbb;
    margin-left: 10px;
}
.settext1{
    float: left;
    width: 360px;
    height: 35px;
    border: 1px solid #e5e5e5;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #bbb;
    margin-left: 10px;
}
.settext2{
    float: left;
    width: 205px;
    height: 35px;
    border: 1px solid #e5e5e5;
    padding-left: 15px;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #bbb;
    margin-left: 10px;
}
.settextarea{
    float: left;
    width: 520px;
    height: 90px;
    border: 1px solid #e5e5e5;
    line-height: 24px;
    padding-left: 15px;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #bbb;
    margin-left: 10px;
}
.jx-set-inf-li1{
    margin-top: 16px;
    overflow: hidden;
    width: 96%;
    padding-bottom: 20px;
    padding-top: 30px;
    border-bottom: 1px #e5e5e5 solid;
}
.jx-set-inf-li{
    margin-top: 16px;
    overflow: hidden;
}
.jx-set-inf-li2{
    overflow: hidden;
    line-height: 22px;
    color: #999;
    font-size: 12px;
}
.jx-set-inf-li3{
    width: 890px;
    margin: auto;
    margin-bottom: 20px;
}
.jx-set-inf-left{
    float: left;
    color: #666;
    line-height: 37px;
    width: 85px;
    text-align: right;
}
.jx-set-inf-right{
    float: left;
}
.jx-set-inf-rightspan{
    line-height: 90px;
    padding-left: 20px;
    color: #666;
    font-size: 12px;
}
.setbutt{
    margin: 15px 0 0 0;
    float: left;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border: none;
    background:#fb6248;
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    cursor:pointer;
}
.setbutt:hover{
    background:#f98774;
}
.setbutt:active{
    background:#e3391c;
}
.setbutt1{
    margin: 0px 0 0 0;
    float: left;
    width: 125px;
    height: 35px;
    line-height: 35px;
    border: none;
    background:#e5e5e5;
    font-size: 14px;
    color: #666;
    margin-left: 15px;
    cursor:pointer;
}
.setbutt1:hover{
    background:#efefef;
}
.setbutt1:active{
    background:#c9c9c9;
}
.mb40{margin-bottom: 40px;}
.pt16{padding-top: 16px;}
.jx-set-add{
    margin-top: 25px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.jx-set-add li{
    float: left;
    color: #666;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}
.jx-set-add-li1{
    width: 70px;
}
.jx-set-add-li2{
    width: 130px;
}
.jx-set-add-li3{
    width: 220px;
}
.jx-set-add-li4{
    width: 70px;
}
.jx-set-add-li5{
    width: 110px;
}
.jx-set-add-li6{
    width: 70px;
}
.jx-set-add-li7{
    width: 100px;
}
.h10{
    height: 10px; 
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.jx-set-add2{
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.jx-set-add2 li{
    float: left;
    color: #666;
    height: 59px;
    padding-top: 16px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
}
.jx-set-add2-li1{
    width: 70px;
}
.jx-set-add2-li2{
    width: 130px;
}
.jx-set-add2-li3{
    width: 210px;
    padding-right: 10px;
}
.jx-set-add2-li4{
    width: 70px;
}
.jx-set-add2-li5{
    width: 110px;
}
.jx-set-add2-li6{
    width: 70px;
}
.jx-set-add2-li6 span{
    color: #fb6248;
    cursor: pointer;
}
.jx-set-add2-li7{
    width: 100px;
    color: #fb6248 !important;
}
.jx-set-moren{
    width: 70px;
    height: 25px;
    line-height: 25px;
    color: #999;
    border: 1px #999 solid;
    font-size: 12px !important;
    text-align: center;
    cursor: pointer;
}
.jx-set-load-top{
    color: #fb6248;
    padding-bottom: 15px;
    padding-left: 10px;
}
.jx-set-load-left{
    float: left;
    margin-left: 10px;
    width: 240px;
    height: 240px;
    background: #818181;
    line-height: 238px;
    text-align: center;
}
.jx-set-load-left img{
    width: 225px;
    height: 225px;
}
.jx-set-load-right{
    float: left;
    margin-left: 50px;
}
.jx-set-load-right img{
    width: 110px;
    height: 110px;
    border-radius: 55px;
}
.jx-set-load-right-text{
    text-align: center;
    width: 110px;
    padding-top: 12px;
    color: #999;
}
/*设置中心结束*/

.awrap{height: 39px; width: 395px; position:relative; overflow: hidden;}
.ccinput{
  position:absolute;
  top:0;
  left:0;
  margin:0;
  border:1px solid #c9cacb;
  margin-left: 10px;
  width: 345px; 
    height: 37px;
    color: #999;
    font-size: 14px;
    padding-left: 15px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
  }
s{position:absolute;top:1px;right:0;width:32px;height:32px;background:url("img/arrow.png") no-repeat;}
._citys { width: 380px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background-color: #fff;}
._citys span { color: #05920a; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #05920a; cursor: pointer; }
._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #05920a; padding: 0px 5px; font-size:14px; font-weight:bold; margin-left:6px; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 12px; border-radius: 5px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #05920a; }
.AreaS { background-color: #05920a !important; color: #fff !important; }